import { memo } from 'react';
import type { ReactNode, FC } from 'react';
import { PersonalizedWrapper } from './style';
import CommonHeader from '@/components/common-header';
import SongsItemV1 from '@/components/songs-item-v1';
import DaylySongs from '../dayly-songs';
interface IProps {
  children?: ReactNode;
}

const PersonalizedRD: FC<IProps> = (props) => {
  return (
    <PersonalizedWrapper>
      <CommonHeader icon="sprite_02" iconShow={true} name="个性化推荐" moreLink="" keywords={[]} />
      <div className="list">
        <DaylySongs name={'每日歌曲推荐'} tips={'根据你的口味生成，每天6:00更新'}></DaylySongs>
        <SongsItemV1
          playCount={214900000}
          picUrl="https://p1.music.126.net/J5Gf2W1XSuwOS0gegA9ryA==/109951168645398914.jpg?param=140y140"
          name="私人雷达"
          tips="猜你喜欢"
        />
        <SongsItemV1
          playCount={3636000}
          picUrl="https://p1.music.126.net/VcMihZp9CTuoypmVm_7VeQ==/109951167690303779.jpg?param=140y140"
          name="声线魅力|打造流行金嗓计划"
          tips={'最近在听'}
        />
        <SongsItemV1
          playCount={214900000}
          picUrl="https://p1.music.126.net/ehRSw8wjZao5fecW_gcL0A==/109951168924967872.jpg?param=140y140"
          name="草东/万青/康士坦/犬儒/回春丹/梅卡/蛙池…"
          tips="最近常听"
        />
      </div>
    </PersonalizedWrapper>
  );
};

export default memo(PersonalizedRD);
